<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>H&M 中国</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="shortcut icon" href="imgs/favicon.ico">
</head>
<body>
	<header>
		<nav>
			<ul id="about">
				<li><a href="#">客户服务</a></li>
				<li><a href="#">订阅时尚资讯</a></li>
				<li><a href="#">H&M门店信息</a></li>
			</ul>

			<ul id="client">
				<li id="shopbag">
					<span id="icon-shopbag"></span><a href="#">购物袋(0)</a>
					<div id="shopbag-content">
						<p>您的购物袋是空的</p>
						<p>订单价值：<span>￥0.00</span></p>
						<p>总价：<span>￥0.00</span>	</p>
					</div>
				</li>
				<li><a href="#">登录/加入</a></li>
				<li><a href="#">我的H&M</a></li>
				<li><a href="#">Change Country</a></li>
			</ul>

			<ul id="main-nav">
				<div id="logo"><a href="#"></a></div>
				<li><a href="#">女士</a></li>
				<li><a href="#">男士</a></li>
				<li><a href="#">儿童</a></li>
				<li><a href="#">家居</a></li>
				<li><a href="#">大减价</a></li>
				<li><a href="#">H&M LIFE</a></li>
			</ul>
		</nav>
	</header>
	
	<section id="banner">
		<img src="imgs/banner.jpg" height="240" width="960" alt="">
	</section>

	<section id="new-product">
		<h2>新品</h2>
		<ul>
			<li><a href="#">女士</a></li>
			<li><a href="#">DIVIED</a></li>
			<li><a href="#">男士</a></li>
			<li><a href="#">儿童</a></li>
			<li><a href="#">家居</a></li>
		</ul>
	</section>

	<section id="fashion">
		<h2>时尚咨询</h2>
		<ul>
			<li><a href="#">
					<img src="imgs/hmprod.jpg" height="328" width="492" alt="">
					<p>婴儿</p>
					<p><span>Conscious 新生儿系列</span></p>
					<p>即刻选购</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="imgs/hmprod-1.jpg" height="328" width="492" alt="">
					<p>男士</p>
					<p><span>悠然夏日</span></p>
					<p>阅读更多</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="imgs/hmprod-2.jpg" height="328" width="492" alt="">
					<p>DIVIDED女孩</p>
					<p><span>SINCERELY JULES</span></p>
					<p>即刻选购</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="imgs/hmprod-3.jpg" height="328" width="492" alt="">
					<p>大减价</p>
					<p><span>最后减价</span></p>
					<p>即刻选购</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="imgs/hmprod-4.jpg" height="328" width="492" alt="">
					<p>HOME</p>
					<p><span>休闲定义</span></p>
					<p>即刻选购</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="imgs/hmprod-5.jpg" height="328" width="492" alt="">
					<p>扫描微信二维码</p>
					<p>关注我们，立获<span>75折优惠</span></p>
				</a>
			</li>
		</ul>
	</section>

	<section id="concept">
		<h2>通过概念筛选</h2>
		<h2>通过概念筛选</h2>
		<ul>
			<li><a href="#">
				<img src="imgs/hmprod-6.jpg" alt="">
				<p>女士</p>
			</a></li>
			<li><a href="#">
				<img src="imgs/hmprod-7.jpg" alt="">
				<p>男士</p>
			</a></li>
			<li><a href="#">
				<img src="imgs/hmprod-8.jpg" alt="">
				<p>儿童</p>
			</a></li>
			<li><a href="#">
				<img src="imgs/hmprod-9.jpg" alt="">
				<p>家居</p>
			</a></li>
		</ul>
	</section>

	<section id="life">
		<h2>H&M LIFE</h2>
		<h2>H&M LIFE</h2>
		<p>A WORLD OF INSPIRATION</p>
		<div><a href="#">READ H&M LIFE</a></div>
		<ul>
			<li><a href="#">
				<img src="imgs/JUL-B2-15-TS-Vashtie-Kola.jpg" height="328" width="492" alt="">
				<p>EVERYDAY ICON</p>
				<p><span>VASHTIE KOLA</span></p>
				<p>Read the story</p>
			</a></li>
			<li><a href="#">
				<img src="imgs/JUL-B2-15-TS-editors-picks.jpg" height="328" width="492" alt="">
				<p>EDITOR’S PICKS</p>
				<p><span>本周新风尚</span></p>
				<p>Read the story</p>
			</a></li>
			<li><a href="#">
				<img src="imgs/Katy-Perry-HM-TS.jpg" height="328" width="492" alt="">
				<p>INSIDE H&M</p>
				<p><span>KATY PERRY</span></p>
				<p> Read the story</p>
			</a></li>
		</ul>
	</section>

	<footer>
		<section id="footer">
			<div id="footer-info">
				<ul>
					<h3>部门</h3>
					<li><a href="#">女士</a></li>
					<li><a href="#">男士</a></li>
					<li><a href="#">儿童</a></li>
					<li><a href="#">家居	</a></li>
				</ul>

				<ul>
					<h3>公司信息</h3>
					<li><a href="#">在H&M的职业发展</a></li>
					<li><a href="#">关于H&M</a></li>
					<li><a href="#">我们的职责</a></li>
					<li><a href="#">媒体</a></li>
					<li><a href="#">投资者关系</a></li>
					<li><a href="#"> Corporate governance</a></li>
				</ul>
	    
				<ul>
					<h3>帮助</h3>
					<li><a href="#">客户服务</a></li>
					<li><a href="#">我的H&M</a></li>
					<li><a href="#">H&M门店信息</a></li>
					<li><a href="#">隐私及法律条款</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>

				<ul>
					<h3>订阅通讯</h3>
					<p>立即注册，获得75折优惠</p>
					<input type="text" name="" id=""><br>
					<input type="submit" value="注册">
					<li></li>
				</ul>

			</div>

			<div id="social-icon">
				<a href="#"></a>
				<a href="#"></a>
			</div>

			<div id="protect">
				<p>该网站的内容受到版权保护，是属于 H&M Hennes & Mauritz AB的财产。上海市公安局黄浦分局备案3101010011576259 </p>
				<a href="#">沪ICP备09046754号 上海工商 </a>
			</div>

			<div id="footer-logo">
				<a href="#"></a>
			</div>

		</section>
	</footer>

	<section id="consulting">
		<p>在线客服</p>
		<p>嗨我们在这里如果你需要任何帮助</p>
	</section>

	<script src="http://libs.useso.com/js/jquery/2.1.0/jquery.min.js"></script>
	<script src="script/main.js"></script>
</body>
</html>